<!--  -->
<template>
  <div class="info">
      <div>{{artist.briefDesc}}</div>
  </div>
</template>

<script>
import { getSingerInfo } from "util/findMusic.js";

export default {
  name: "",
  data() {
    return {
      currentId: this.$route.params.id,
      artist:{}
    };
  },
  created() {
    this.getSingerInfo();
  },
  methods: {
    async getSingerInfo() {
      let { data:{data:{artist}} } = await getSingerInfo(this.currentId);
      this.artist = artist;
      // console.log(artist);
    },
  },
};
</script>

<style scoped>
.info{
    font-size: 16px;
    padding: 10px 30px;
}
.info div{
    color: #333;
    line-height: 2;
    text-indent: 2em;
}
</style>